
$fontWeightBold: 600;
.index{
    .plan-list{
        .plan-item{
            // (750-680)/2 = 35 px 
            width: 680px;
            height: 160px;
            box-shadow: -6px 6px 30px 1px rgb(216, 198, 198);
            border-radius:40px;
            margin-bottom: 34px;
            padding: 20px;
            box-sizing: border-box;
            position: relative;
            .plan-item-img{
                // 160-40 =120
                width: 120px;
                height: 120px;
                border-radius:20px;
                margin-right: 34px;
            }
            .plan-describe{
                width: 500px;
            }
            .plan-title{
                font-weight: $fontWeightBold;
                max-width: 80%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #444;
                font-size: 36px;
                margin-top: 12px;
                margin-bottom: 12px;

            }
            .plan-time{
                font-size: 18px;
                color: #aaa;
                .iconfont{
                    margin-right: 10px;
                }
            }
            .more{
                position: absolute;
                right: 30px;
                color: #aaa;
                transform: rotate(90deg);
            }
        }
    }
}
